<!--公共底部-->
<template>
  <footer class="com_foot">
    <div class="content">
      <div class="top clearfix">
        <img class="pull_left" src="../assets/image/logo@2x.png" alt="logo" width="224" >
        <ul class="pull_right">
          <li><span>最佳金融科技服务平台</span></li>
          <li><span>最值得信赖外汇交易平台</span></li>
          <li><span>最具成长价值金融平台</span></li>
        </ul>
      </div>
      <div class="bottom clearfix">
        <div class="about pull_left">
          <p>关于我们</p>
          <ul>
            <router-link to="/aboutUs" tag="li">关于1805</router-link>
          </ul>
        </div>
        <div class="navigation pull_left">
          <p>快捷导航</p>
          <ul>
            <router-link to="/index" tag="li">首页</router-link>
            <router-link to="/trade" tag="li">交易</router-link>
            <router-link to="/stock" tag="li">股票行情</router-link>
          </ul>
        </div>
        <div class="help pull_left">
          <p>帮助中心</p>
          <ul>
            <router-link to="/newPlayer" tag="li">新手指引</router-link>
            <router-link to="/announcement" tag="li">平台公告</router-link>
          </ul>
        </div>
        <div class="contact pull_left">
          <p>联系我们</p>
          <ul>
            <li>Telegram：</li>
            <li>商务合作：<a href="mailto:28734@gmail.com">28734@gmail.com</a></li>
          </ul>
        </div>
        <div class="wx pull_right">
          <img :src="conf.service_img" alt="" width="110" height="110">
          <p>客服微信</p>
        </div>
      </div>
    </div>
    <h4>风险警告：保证金交易具有高风险，投资者应充分考虑自己的风险承受能力。在投资的过程中，您可能会有损失全部本金，保证金交易不一定适合所有投资者，交易前请您认真了解并知晓全部风险</h4>
    <p><a href="javascript:void(0)" @click="pop(18)">风险提示</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="javascript:void(0)" @click="pop(21)">隐私条款</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="javascript:void(0)" @click="pop(20)">客户协议</a>&nbsp;&nbsp;|&nbsp;&nbsp;
    <a href="javascript:void(0)" @click="pop(19)">免责声明</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Copyright @ 2017-2019 ALL rights reserved.</p>
    <base-alert :type="type" :bol.sync="bol"></base-alert>
  </footer>
</template>

<script>
import { _getConf  } from "@/axios/index.js";

export default {
  data() {
    return {
      type:1,
      bol:false,
     
    };
  },
  computed: {
      conf(){
       return this.$store.state.confObj;
    }
  },
  watch: {},
  methods: {
  
    pop(type){
      this.type=type;
      this.bol=true;
    }
  },
  created() {
  },
  mounted() {}
};
</script>